<!DOCTYPE html>
<html>
<head>
    <title>申请退换车页面</title>
    <link rel="stylesheet" type="text/css" href="../../statics/css/public/header.css">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Author" content="larry"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../statics/common/cascader/cascader/cascader.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../statics/common/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../statics/common/layui/css/autocomplete.css">
    <link rel="stylesheet" type="text/css" href="../../statics/common/layui/css/soulTable.css">
    <link rel="stylesheet" type="text/css" href="../../statics/plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" type="text/css" href="../../statics/css/common.css">
    <link rel="stylesheet" type="text/css" href="../../statics/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../../statics/css/list-search-table.css">
    <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-soul-table/docs/soulTable.css" media="all"/>-->
    <script type="text/javascript" src="../../statics/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../statics/common/lib/vue.min.js"></script>
    <script type="text/javascript" src="../../statics/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script type="text/javascript" src="../../statics/common/layui/layui.all.js"></script>
    <script type="text/javascript" src="../../statics/common/js/axios.min.js"></script>
    <script type="text/javascript" src="../../statics/common/js/xm-select.js"></script>
    <script type="text/javascript" src="../../statics/js/common.js"></script>
    <script type="text/javascript" src="../../statics/js/upload.js"></script>
    <script type="text/javascript" src="../../statics/common/step/steps.js"></script>
    <link rel="stylesheet" href="../../statics/css/jxcPublicAll.css" media="all">
    <link href="../../statics/common/photoviewer/dist/photoviewer.css" rel="stylesheet">
    <link rel="stylesheet" href="../../statics/common/step/steps.css">
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.7/cropper.css" media="all">-->
    <link rel="stylesheet" href="../../statics/js/modules/cropper/cropper.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../statics/css/viewer.min.css">
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.7/cropper.min.js"></script>-->
    <script src="../../statics/js/modules/cropper/cropper.min.js"></script>
    <script src="../../statics/common/photoviewer/dist/photoviewer.js"></script>
    <script src="../../statics/common/layui/autocomplete.js"></script>
    <script src="../../statics/js/modules/viewer/viewer.min.js"></script>
    <script src="../../statics/common/print-js/print.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../statics/common/print-js/print.min.css">
    <script type="text/javascript" src="../../statics/common/xmselect/xm-select.js"></script>
    <script type="text/javascript" src="../../statics/js/searchview.js"></script>
    <script type="text/javascript" src="../../statics/js/tableedit.js"></script>

    <!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.0&type=webgl&ak=eo4XeZhRKHsQ0NOe6u6NkKscmRsk416B"></script>-->

    <!-- 引入组件库 -->
    <link rel="stylesheet" type="text/css" href="../../statics/css/index.css">


</head>
<body class="ren-body">
<div id="rrapp" v-cloak>
    <form class="layui-form ren-form">
        <div class="form-content-box">
            <!--<div class="list-search-sup-title new-layui-title border-bottom-dashed">-->
            <!--{{title}}-->
            <!--</div>-->
            <div class="form-content-session-box">
                <div class="card">
                    <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                        订单基本信息
                    </div>
                    <div class="layui-row layui-form-row-content">
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">订单类型:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       :value="getRentTypeStr(applyForDTO.rentType)"
                                       placeholder="订单类型" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">订单号:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.code || '-'"
                                       placeholder="订单编号" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">客户名称:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.customerName || '-'"
                                       placeholder="客户名称" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">联系电话:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.customerTel || '-'"
                                       placeholder="联系电话" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">联系人:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.contactPerson || '-'"
                                       placeholder="联系人" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">出租方:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.lessorName || '-'"
                                       placeholder="出租方" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">租赁开始时间:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.timeStartRent || '-'"
                                       placeholder="租赁开始时间" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">租赁结束时间:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.timeFinishRent || '-'"
                                       placeholder="租赁结束时间" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">车架号:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.vinNo || '-'"
                                       placeholder="车架号" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">车牌号:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.carNo || '-'"
                                       placeholder="车牌号" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">车辆品牌/车系/车型:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.carBrandModel || '-'"
                                       placeholder="车辆品牌/车系/车型" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">车辆归属:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       v-model="applyForDTO.deptName || '-'"
                                       placeholder="车辆归属" style="border:0px;" disabled>
                            </div>
                        </div>
                        <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                            <div v-show="settleType==1">
                                <label>换车信息</label>
                            </div>
                            <div v-show="settleType==2">
                                <label>退车信息</label>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label"><span style="color: red">*</span>{{dateLabel}}:</label>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       id="date"
                                       lay-verify="required"
                                       readonly="readonly"
                                       placeholder="请选择时间">
                            </div>
                        </div>
                        <div id="typeDiv" class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label"><span style="color: red">*</span>退车类别:</label>
                            <div class="layui-input-inline">
                                <select id="type" name="type" lay-filter="type">
                                    <option value="">请选择退车类别</option>
                                    <option value=1>租赁到期</option>
                                    <option value=2>违约退车</option>
                                    <option value=3>强制收车</option>
                                    <option value=4>其他</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md12 layui-col-sm12 layui-col-xs12">
                            <div v-show="settleType==1">
                                <label class="layui-form-label">换车原因:</label>
                            </div>
                            <div v-show="settleType==2">
                                <label class="layui-form-label">退车原因:</label>
                            </div>
                            <div class="layui-input-inline">
                                <textarea name="desc" v-model="applyForDTO.alterationDesc" placeholder="请输入原因......"
                                          class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <div v-show="settleType==1">
                                <label class="layui-form-label"><span style="color: red">*</span>换车里程数/km:</label>
                            </div>
                            <div v-show="settleType==2">
                                <label class="layui-form-label"><span style="color: red">*</span>退车里程数/km:</label>
                            </div>
                            <div class="layui-input-inline">
                                <input type="text"
                                       class="layui-input"
                                       lay-verify="required"
                                       v-model="applyForDTO.alterationMileage"
                                       @keyup="inputAlterationMileage"
                                       placeholder="请输入里程数">
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs12">
                            <label class="layui-form-label"><span style="color: red">*</span>退回仓库</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input searchVal" v-model="applyForDTO.depotName"
                                       lay-verify="required"
                                       @click="chooseWarehouse" style="cursor:pointer;" readonly placeholder="请选择退回仓库"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-content-box">
            <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                <div v-show="settleType==1">
                    <label>换车结算信息</label>
                </div>
                <div v-show="settleType==2">
                    <label>退车车结算信息</label>
                </div>
                <div class="fr display ">
                    <div v-show="applyForDTO.repayType == 0" class="details-layui-fr-sup-title">
                        <span class="xz-header-title__text">需要客户补缴金额/元：</span>
                        <span class="description">{{settleAmount}}</span>
                    </div>
                    <div v-show="applyForDTO.repayType == 1" class="details-layui-fr-sup-title">
                        <span class="xz-header-title__text">需要退还客户金额/元：</span>
                        <span class="description">{{settleAmount}}</span>
                    </div>
                </div>
            </div>
            <div class="form-content-session-box">
                <div class="card">
<!--                    <div class="layui-row layui-form-row-content">-->




                        <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                            <div>
                                <label style="font-size: 18px;">可退金额</label>
                            </div>
                        </div><br/>
                        <div id="marginDiv"  v-if="preData.rentType != 7" class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                            <label class="layui-form-label">可退保证金/元:</label>
                            <div class="layui-input-inline" >
                                <input
                                        type="text"
                                        class="layui-input searchVal"
                                        @keyup="inputMargin"
                                        @change="marginChange"
                                        placeholder="自动带出"
                                        v-model="applyForDTO.margin" autocomplete="off"/>
                            </div>
                        </div>
                        <!-- 直购显示字段：车辆已收款 -->
                        <div v-show="preData.rentType == 6" class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6" >
                            <label class="layui-form-label">车辆已收款:</label>
                            <div class="layui-input-inline" style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap">
                                <input type="text" class="layui-input searchVal"
                                       placeholder="自动带出/支持编辑"
                                       @keyup="inputHasPaid"
                                       @change="hasPaidChange"
                                       v-model="applyForDTO.hasPaid" autocomplete="off"/>
                            </div>
                        </div>

                        <div style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap">
                            <div v-for="(item,index) in backAmount"
                                 style="height:60px;line-height: 60px;width:400px;display: flex;align-items: center;">
                                <label class="layui-form-label">{{item.serviceName}}:</label>
                                <div class="layui-input-inline">
                                    <input
                                            type="text"
                                            class="layui-input searchVal"
                                            v-model=applyForDTO[item.serviceField]
                                            :serviceProperty="item.serviceProperty"
                                            @keyup="check(applyForDTO[item.serviceField],item.serviceField)"
                                            name="dgl"
                                            @change="change(item.serviceField)"
                                            :placeholder="`请输入${item.serviceName}`"
                                            autocomplete="off"/>
                                </div>
                            </div>
                        </div>

<!--                    </div>-->

                    <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                        <div>
                            <label style="font-size: 18px;">违章费用</label>
                        </div>
                    </div>
                    <div style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap">
                        <div v-for="(item,index) in illLegalAmount"
                             style="height:60px;line-height: 60px;width:400px;display: flex;align-items: center;">
                            <label class="layui-form-label">{{item.serviceName}}:</label>
                            <div class="layui-input-inline">
                                <input
                                        type="text"
                                        class="layui-input searchVal"
                                        :serviceProperty="item.serviceProperty"
                                        v-model=applyForDTO[item.serviceField]
                                        @keyup="check(applyForDTO[item.serviceField],item.serviceField)"
                                        name="dgl"
                                        @change="change(item.serviceField)"
                                        :placeholder="`请输入${item.serviceName}`"
                                        autocomplete="off"/>
                            </div>
                        </div>
                    </div>
                    <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                        <div>
                            <label style="font-size: 18px;">保险费用</label>
                        </div>

                    </div>
                    <div style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap">
                        <div v-for="(item,index) in insuranceAmount"
                             style="height:60px;line-height: 60px;width:400px;display: flex;align-items: center;">
                            <label class="layui-form-label">{{item.serviceName}}:</label>
                            <div class="layui-input-inline">
                                <input
                                        type="text"
                                        class="layui-input searchVal"
                                        v-model=applyForDTO[item.serviceField]
                                        :serviceProperty="item.serviceProperty"
                                        @keyup="check(applyForDTO[item.serviceField],item.serviceField)"
                                        @change="change(item.serviceField)"
                                        :placeholder="`请输入${item.serviceName}`"
                                        autocomplete="off"/>
                            </div>
                        </div>
                    </div>


                    <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                        <div>
                            <label style="font-size: 18px;">扣款费用</label>
                        </div>

                    </div><br/>
                    <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">
                        <label class="layui-form-label"  v-if="preData.rentType != 7">车辆租金欠款金额/元:</label>
                        <label class="layui-form-label"  v-if="preData.rentType == 7">车辆挂靠费欠款金额/元:</label>
                        <div class="layui-input-inline">
                            <input
                                    type="text"
                                    class="layui-input searchVal"
                                    v-model="applyForDTO.rentAmount"
                                    @change="rentAmountChange"
                                    @keyup="inputRentAmount"
                                    placeholder="自动带出"/>
                        </div>
                    </div>
                    <div style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap">
                        <div v-for="(item,index) in decutionAmount"
                             style="height:60px;line-height: 60px;width:400px;display: flex;align-items: center;">
                            <label class="layui-form-label">{{item.serviceName}}:</label>
                            <div class="layui-input-inline">
                                <input
                                        type="text"
                                        class="layui-input searchVal"
                                        v-model=applyForDTO[item.serviceField]
                                        :serviceProperty="item.serviceProperty"
                                        @keyup="check(applyForDTO[item.serviceField],item.serviceField)"
                                        @change="change(item.serviceField)"
                                        :placeholder="`请输入${item.serviceName}`"
                                        autocomplete="off"/>
                            </div>
                        </div>
                    </div>

                    <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                        <div>
                            <label style="font-size: 18px;">银行信息</label>
                        </div>

                    </div>
                    <div style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap">
                        <div v-for="(item,index) in bankInfo"
                             style="height:60px;line-height: 60px;width:400px;display: flex;align-items: center;">
                            <label class="layui-form-label">{{item.serviceName}}:</label>
                            <div class="layui-input-inline">
                                <input
                                        type="text"
                                        class="layui-input searchVal"
                                        v-model=applyForDTO[item.serviceField]
                                        @change="change(item.serviceField)"
                                        :serviceProperty="item.serviceProperty"
                                        :placeholder="`请输入${item.serviceName}`"
                                        autocomplete="off"/>
                            </div>
                        </div>
                    </div>


                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">车辆违章分数:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.illegalScore"-->
                    <!--                                        @keyup="inputIllegalScore"-->
                    <!--                                        placeholder="请输入车辆违章分数"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">违章扣款费用/元:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.illegalAmount"-->
                    <!--                                        @change="illegalAmountChange"-->
                    <!--                                        @keyup="inputIllegalAmount"-->
                    <!--                                        placeholder="请输入违章扣款费用/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">车辆出险次数:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.dangerCount"-->
                    <!--                                        @keyup="inputDangerCount"-->
                    <!--                                        placeholder="请输入车辆出险次数"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">出险扣款费用/元:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.dangerAmount"-->
                    <!--                                        @keyup="inputDangerAmount"-->
                    <!--                                        @change="dangerAmountChange"-->
                    <!--                                        placeholder="请输入出险扣款费用/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">定损扣款费用/元:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.actualAmount"-->
                    <!--                                        @change="actualAmountChange"-->
                    <!--                                        @keyup="inputActualAmount"-->
                    <!--                                        placeholder="请输入定损扣款费用/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">可抵扣金额/元:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.deductionAmount"-->
                    <!--                                        @change="deductionAmountChange"-->
                    <!--                                        @keyup="inputDeductionAmount"-->
                    <!--                                        placeholder="请输入可抵扣金额/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        </div>-->
                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">违约扣款费用/元:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.defaultAmount"-->
                    <!--                                        @change="defaultAmountChange"-->
                    <!--                                        @keyup="inputDefaultAmount"-->
                    <!--                                        placeholder="请输入违约扣款费用/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">车辆其它欠款金额/元:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.otherAmount"-->
                    <!--                                        @change="otherAmountChange"-->
                    <!--                                        @keyup="inputOtherAmount"-->
                    <!--                                        placeholder="请输入车辆其它欠款金额/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">保养扣款:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.maintenanceReduce"-->
                    <!--                                        @change="maintenanceReduceChange"-->
                    <!--                                        @keyup="inputMaintenanceReduce"-->
                    <!--                                        placeholder="请输入保养扣款/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">洗车扣款:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.washCarReduce"-->
                    <!--                                        @change="washCarReduceChange"-->
                    <!--                                        @keyup="inputWashCarReduce"-->
                    <!--                                        placeholder="请输入洗车扣款/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">来年保险费增加费用:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.addInsuranceFee"-->
                    <!--                                        @change="addInsuranceFeeChange"-->
                    <!--                                        @keyup="inputAddInsuranceFee"-->
                    <!--                                        placeholder="请输入来年保险费增加费用/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">收车费用:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.collectFee"-->
                    <!--                                        @change="collectFeeChange"-->
                    <!--                                        @keyup="inputCollectFee"-->
                    <!--                                        placeholder="请输入收车费用/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">转账手续费:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.transferCommission"-->
                    <!--                                        @change="transferCommissionChange"-->
                    <!--                                        @keyup="inputTransferCommission"-->
                    <!--                                        placeholder="请输入转账手续费/元"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label" v-if="applyForDTO.collectionTypeName!=null">{{applyForDTO.collectionTypeName}}应收费用:</label>-->
                    <!--                            <label class="layui-form-label" v-if="applyForDTO.collectionTypeName==null">其他类型应收费用:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.otherFee"-->
                    <!--                                        @change="transferotherFeeChange"-->
                    <!--                                        @keyup="inputotherFee"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">支付方式:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.payType"-->
                    <!--                                        placeholder="请输入支付方式"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">退款账户名:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.refundAccountName"-->
                    <!--                                        placeholder="请输入退款账户名"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">银行账号:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.bankAccount"-->
                    <!--                                        placeholder="请输入银行账号"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->

                    <!--                        <div class="layui-inline layui-col-md6 layui-col-sm6 layui-col-xs6">-->
                    <!--                            <label class="layui-form-label">开户行名称:</label>-->
                    <!--                            <div class="layui-input-inline">-->
                    <!--                                <input-->
                    <!--                                        type="text"-->
                    <!--                                        class="layui-input searchVal"-->
                    <!--                                        v-model="applyForDTO.bankName"-->
                    <!--                                        placeholder="请输入开户行名称"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                        <div v-show="settleType==1">
                            <label style="font-size: 18px;">换车说明</label>
                        </div>
                        <div v-show="settleType==2">
                            <label style="font-size: 18px;">退车说明</label>
                        </div>

                    </div></br>
                    <div class="layui-inline layui-col-md12 layui-col-sm12 layui-col-xs12">
                        <label class="layui-form-label">结算费用说明:</label>
                        <div class="layui-input-inline">
                            <textarea v-model="applyForDTO.feeDesc" placeholder="请输入结算费用说明......"
                                      class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12 layui-col-sm12 layui-col-xs12">
                        <label class="layui-form-label">结算附件:</label>
                        <div class="layui-input-inline">
                            <div class="layui-input-inline-upload">
                                <div :id="deliveryFileLstId" class="layui-input-inline-upload-show box-rect"
                                     v-for="(item,index) in deliveryFileLst">
                                    <div v-show="item.typeFile == 1" class="layui-input-inline-upload-button">
                                        <img :src="imageURL + item.url" class="view-img">
                                    </div>
                                    <div v-show="item.typeFile != 1" class="layui-input-inline-upload-button">
                                        {{item.nameAccessory}}
                                    </div>
                                    <div class="layui-input-inline-upload-show-delete btn-event"
                                         style="width: 49%;"
                                         @click="delDeliveryFile(item.id)">
                                        删除
                                    </div>
                                    <div v-show="item.typeFile != 1"
                                         style="width: 49%;left: 51%"
                                         class="layui-input-inline-upload-show-delete btn-event"
                                         @click="downDoc(item.nameFile, item.url)">
                                        下载
                                    </div>
                                    <div v-show="item.typeFile == 1"
                                         style="width: 49%;left: 51%"
                                         class="layui-input-inline-upload-show-delete btn-event"
                                         @click="showDoc(item.nameAccessory, item.url)">
                                        预览
                                    </div>
                                </div>
                                <div class="layui-input-inline-upload-button box-rect box-rect-event"
                                     id="addDeliveryFile">
                                    <img src="../../statics/images/inline-upload@2x.png">
                                </div>
                            </div>
                            <div class="layui-input-inline-upload-text" style="padding-bottom: 10px">附件说明：附件最大支持50M，
                                <br/>
                                支持格式：PDF、Word、Excel、JPG、PNG 、ZIP、RAR、MP4
                            </div>
                        </div>
                    </div></br></br></br></br></br></br>
                    <div style="width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap">
                        <div v-for="(item,index) in notice"
                             style="height:60px;line-height: 60px;width:400px;display: flex;align-items: center;">
                            <label class="layui-form-label">{{item.serviceName}}:</label>
                            <div class="layui-input-inline">
                                <input
                                        type="text"
                                        class="layui-input searchVal"
                                        v-model=applyForDTO[item.serviceField]
                                        :serviceProperty="item.serviceProperty"
                                        :placeholder="`请输入${item.serviceName}`"
                                        autocomplete="off"/>
                            </div>
                        </div>
                    </div>



                </div>
            </div>
        </div>
        <div class="form-content-box">
            <div class="form-content-session-box">
                <div class="float-btn-group">
                    <a class="layui-btn reset-btn" @click="cancel">取消</a>
                    <a class="layui-btn search-btn" lay-submit lay-filter="submitEditData">保存</a>
                </div>
            </div>
        </div>
    </form>
</div>
<script src="../../statics/js/modules/order/applyFor.js?_${.now?long}"></script>
</body>
</html>
